.pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}
.head{
    position: fixed;
    left: 0;
    top: 0;
    border-bottom:1px solid #B9B9B9;
    .pxToRem(padding-bottom,10);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    .pxToRem(height, 95);
    width: 100%;
    background: #FFFFFF;
   
    z-index: 99;
    
    .dt{ 
         .pxToRem(font-size, 50);
        
    }
}


.fm {
    
    background: #fff;
    width: 100%;
    .pxToRem(margin-top, 110);
    .pxToRem(padding-bottom, 38);
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #B9B9B9;
    dl {
       .pxToRem(padding-bottom, 10);
        .pxToRem(padding-left, 10);
      .pxToRem(margin-top, 20);
        width: 33%;
        box-sizing: border-box;
        text-align: center;
        dd {
            
            color: #787878;
            .pxToRem(padding-top, 15);
            font-weight: bold;
        }
    }
}


.tu { 
    .pxToRem(margin-top,40);
    background: #FFF;
    border-top:1px solid #B9B9B9;
     border-bottom:1px solid #B9B9B9;
     .pxToRem(padding-bottom,50);
    .top {
        display: flex;
        align-content: center;
        justify-content: space-between;
        .pxToRem(padding-top,20);
         .pxToRem(padding-left,30);
         .pxToRem(font-size,30);
        .xq {
            display: flex;
            color: #b7b7b7;
            .pxToRem(padding-right,30);
        }
        .qb{
             color: #b7b7b7;
            span{
               .pxToRem(padding-left,10); 
                 .pxToRem(padding-right,25);
                 
            }
        }
    }
    figure{
//      width: 100%;
         .pxToRem(padding-top,20); 
         img{
            width: 100%; 
//          .pxToRem(height,721);
         }
    }
}


.xlcs { 
    .pxToRem(margin-top,10);
    background: #FFF;
    
     border-bottom:1px solid #B9B9B9;
     .pxToRem(padding-bottom,50);
    .topone {
        display: flex;
        align-content: center;
        justify-content: space-between;
        .pxToRem(padding-top,20);
         .pxToRem(padding-left,30);
         .pxToRem(font-size,30);
        .xl {
            display: flex;
            color: #b7b7b7;
            .pxToRem(padding-right,30);
        }
        .hyp{
            color: #b7b7b7;
            span{
               .pxToRem(padding-left,10); 
                 .pxToRem(padding-right,25);
                 
            }
        }
    }
    .cs {
    
    background: #fff;
    width: 100%;
    .pxToRem(margin-top, 20);
    .pxToRem(padding-bottom, 38);
    display: flex;
    align-content: center;
//justify-content: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #B9B9B9;
    dl {
       .pxToRem(padding-bottom, 10);
      .pxToRem(padding-left, 50);
      .pxToRem(margin-top, 20);
        width:30%;
        box-sizing: border-box;
        text-align: center;
        dt{
            width: 100%;
            img{
            width: 100%;
            }
        }
       
        dd {
            
            
            .pxToRem(padding-top, 15);
            font-weight: bold;
        }
        .cp{
            color: #959595;
        }
    }
}
}

.zq{
    width: 100%;
    .pxToRem(margin-top,50);
  .pxToRem(margin-bottom,40);
    .box{
        &:last-child{
           border-bottom:none;
           
           
        }
         width: 100%;
    display: flex;
    align-items: center;
  justify-content: center;
   flex-direction: column;
   .pxToRem(padding-bottom, 50);
   border-bottom: 1px solid #C0C0C0;
   .pxToRem(padding-top,50);
    .top{
         width: 100%;
    display: flex;
//align-items: center;
    justify-content: space-around;

    .topleft{
        width: 60%;
         .pxToRem(padding-left, 30);
         box-sizing: border-box;
         .bt{
             display: block;
             .pxToRem(font-size, 40);
             .pxToRem(line-height, 50);
         }
         .nr{
             display: block;
             .pxToRem(padding-top,45);
             color: #9c9c9c;
         }
         
    }
    .topright{
        width: 40%;
        .pxToRem(padding-left, 30);
        img{
           .pxToRem(width, 250);
           .pxToRem(width, 250);
        }
    }
    }
    .botto{
         width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .pxToRem(padding-top, 50);
    .bottomleft{
        width: 50%;
       .pxToRem(padding-left, 30);
         box-sizing: border-box;
         text-align: center;
         .img1{
             .pxToRem(width, 60);
             .pxToRem(height, 60);
         }
        
         .rd{
           .pxToRem(font-size,30);
                      color: #959595;
                    .pxToRem(padding-left,5);  
         }
          }
         .bottomrigth{
             width: 50%;
             .pxToRem(padding-left,150);
             box-sizing: border-box;
         text-align: center;
         .wn{
            
           .pxToRem(font-size,30);
                      color: #959595;
                  
         }
           .img2{
             .pxToRem(width, 60);
             .pxToRem(height, 40);
         }
         }
   
    }
    }
}



.foot {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    border-top: 1px solid #b2b2b2;
    display: flex;
    justify-content: center;
    align-items: center;
    .pxToRem(height, 98);
    z-index: 99;
    .foote {
        flex: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        height: 100%;
        color: #bfb9b9;
        span {
            .pxToRem(font-size, 40);
        }
    }
}